@import url(base.less);
.top-header{
  .dl(40);
  .bg-color(#ffd200);
  .tc;
  h1{
    .fz(18);
  }
  .top-share-icon{
    .fullbg('detail_05.png');
    .dba(22,19);
    .mr(10);
    .mt(10);
  }
  .back-icon{
    .fullbg('detail_03.png');
    .dba(10,18);.fl;
    .ml(10);
    .mt(10);
  }
}
.d-box{
  border-top:10px solid @ce;
  .bdb(@cde);
  .bar{
    border-top:1px solid @cde;
    color:#3c3c3c;
    .p10;
    .bdb(@cde);
  }
  .link-icon{
    .bg-size('detail_32.png',14px,14px,left,center);
    .pl(18);
  }
  .cont{
    .pl(10);.pr(10);.pb(10);
    .bdb(@ce);
  }
}
.com-list{
  .bdb(@ce);
  li{
    .bdb(@ce);
    .pb(10);
    &:last-child{
      border-bottom:none;
    }
  }
}
.com-cont{
  .mt10;
  .tit{
    height:24px;line-height: 24px;
  }
  .btn{
    .fr;
    width:31px;
  }
  .tx{
    .border-radius(100%);
    .wh(24px,24px);
    .fl;.mr(10);
  }
  .time{
    .g9;
    .ml(15);
  }
  .comment{
    .p10;
    .lh(24);
    .bg-color( @ce);
    .mt10;
    .ml(20);
    .border-radius();
    .pr;
    .deco{
      .pa(-4px,-4px);
    }
    .money{
      color:@cred;
      .bg-size('detail_28.png',11px,11px,left,center);
      .pl(15);.f14;
    }
    .agree{
      color:@cblue;
      .bg-size('detail_52.png',11px,auto,left,center);
      .pl(15);
      .f14;
    }
  }
}
.sayto{
  .pl(20);
}
.border-btn{
  .bd(#d5d5d5);
  display:inline-block;
  .wh(170px,36px);
  .lh(36);
  .border-radius(18px);
  .g9;
  .pl(10);
}
.bottom-btn{
  .com-icon{.bg-size('detail_56.png',10px,13px,50px,center)}
  .write-icon{.bg-size('detail_59.png',13px,13px,49px,center)}
}
.d-main{
  .bdb(@cde);
}
.goods{
  .mt10;
  .bd(#d5d5d5);
  box-shadow: 0 0 3px #d7d7d7;
  height:89px;
  .bg-color(@cgraybg);
  .pic{
    .fl;
    .mr(10);
  }
  .comment-icon{
    .fr;
    .mr(5);
    .g9;
    .bg-size('detail_23.png',12px,13px,left,center);
    .pl(14);
    .lh(24);
    .pt(5);
  }
  .on{
    .bg-size('detail_36.png',12px,13px,left,center);
  }
  .cont{
    border:none;
    .pr(50);
    .tit{
      .pt(5);
      .lh(20);
    }
  }
  .price{
    color:@cred;
    .mt10;
    .f14;
  }
}
.fix-comment{
  position:fixed;
  left:0;
  bottom:0;
  z-index:2;
  width:100%;
  .bdt(@cde);
  .p10;
  .box-sizing();
  .bg-color(@cwhite);
  .cont{
    height:40px;
  }
  .write-input{
    height:38px;
    width:100%;
    .box-sizing();
    .pl(20);
    .bg-color(@ce);
    .bd(@cde);
    .border-radius();
  }
  .input{
    .pr(90);
  }
  .yellow-btn{
    .fr;
    .bg-color(@cyellow);
    .border-radius();
    .f14;
    .g3;
    .wh(80px,40px);
    .lh(40);
    .tc
  }
  .input-desc{
    .pa(15px,23px);
  }
}
.comment-page{
  .bdt(#ad9d9d);
  border:none;
  .pb(50);
  .cont{
    border:none;
  }
}
.pb60{
  .pb(60);
}

.xinde-content{
  .tit{
    .bg-color(@ce);
    .tc;
    padding:15px;
    .pb(50);
    h1{
      .fz(16);
      .lh(24);
    }
  }
  .cont{
    .bdt(@cde);
    .bdb(@cde);
    .p10;
  }
  .content{
    .mt10;
    .lh(24);
    img{
      width:100% !important;
    }
  }
  .wirte-tit{
    .ptb(30);
    input{
      .wh(100%,30px);
      .tc;
      .fz(16);
      background:none;
      border:0;
      padding:0;
    }
  }
}
.userinfo{
  .pr;
  .tc;
  .pt(20);
  .tx{
    .wh(40px,40px);
    .pa(50%,-30px);

    .ml(-20);
  }
  .pic{
    .wh(40px,40px);
    .border-radius(100%);
    border:3px solid @cwhite;
  }
  .hat{
    .pa(13px,-15px);
  }
  .name{
    color:@cblue;
    .lh(24);
  }

  .time{
    .mt(10);
    .pr;
    .dl(24);
    .line{
      .pa(0,12px);
      width:100%;
      .bdt(@ce);
    }
    span{
      .pr;
      z-index:2;
      .g9;
      .bg-color(@cwhite);
      .pl(10);
      .pr(10);
    }
  }
}
.three-btn{
  .pb(10);
  .pt(10);
  .bdt(@cde);
  li{
    .box-sizing(); width:33%;padding:0 5px;
    .fl;
  }
  .btn{
    .bd(#969696);
    height:40px;line-height:40px;
    .tc;
    .border-radius(20px);
    .db;
    .g6;
  }
  .shang-btn{
    color:@cred;
    border-color:@cred;
    .pl(11);
    img{
      margin-bottom:-1px;
    }
  }
}
.xinde_goods{
  li{
    .mt10;
    a{
      .db;
      .dl(48);
      .pr(15);
      .bg-size('arrow_right.png',8px,auto,right,center);
    }
    img{
      .fl;
    }
  }
}
.xin{
  .tc;
  span{
    .dib(16,16);
    .mr(5);
  }
  .on{
    .bg-size('wuxin.png',16px,auto)
  }
  .empty{
    .bg-size('wuxin.png',16px,auto,0,-29px)
  }
}


.publish-btn{
  .fr;
  .bg-size('xinde_pub_06.png',15px,15px,left,center);
  .pl(20);
  .fz(14);
  .mr10;
  .par();
}
.write-xin{
  .pt10;
  .pb(20);
  .tc;
  .desc{
    .c(#e7b210);
    .mt5;
  }
}
.bg2{
  .bg-color(#f9f9f9);
}
.writ-center{
  .p10;
}
.write-main-text{
  .w(100%);
  .box-sizing();
  border:none;
  .f14;
  .h(100px);
}
.writ-pic-list{
  .mt10;
  .pt10;
  border-top:1px dashed #ee7878;
  .pic{
    .pr;
    .bg-color(@cwhite);
    img {
      .bd(@cyellow);
    }
    .del{
      .par();
      .p10;
      .c(@cwhite);
      background:rgba(0,0,0,0.7);
    }

  }
  .pic-desc{
    .mt10;
    .write-main-text;
  }
}
.pic-item{
  .mt10;
}
.add-pic-btn{
  .bg-size('addcont.png',24px,20px,38px,center);
  background-color: @cwhite;
}
.choese-pic-input{
  .wh(180px,36px);
  .pa(50%,0);
  margin-left:-90px;
  opacity:0;
}
.pub-btn{
  .f14;
  .bg-size('pub_icon.png',15px,15px,40px,center);
  background-color: @cyellow;
  .g3;
}
.some-goods{
  padding:10px;
  .bd(#ccc);
  h3{
    .lh(60);
  }
}

.choese-goods-pop{
  .pf(0,0,10);
  .bg-color(#fff);
  .wh(100%,100%);
  overflow-y:auto;
}
.search-input{
  .wh(260px,30px);
  .mr10;
  .pl(10);
}
.search-btn{
  .bd(#ccc);
  .dib(80,30);
  .tc;
  .bg-color(@cyellow);
}
.gray-btn{
  .bg-color(@cgraybg);
}
#searchList{
  li{
    .dl(36);
    .fz(16);
    a{
      .db;
    }
  }
}